@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; font-family:"Microsoft YaHei", "SimHei", "Apple LiGothic Medium";}
html{-webkit-text-size-adjust:none;}
body{width:800px; overflow-x:hidden;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h2, h2 a{float:left; margin:2px; font-size:16px; color:#603813; font-weight:normal;}
img{border:none;}
button{border:none; text-indent:-999em; overflow:hidden; cursor:pointer;}
button:disabled{cursor:default;}

#head{width:800px; height:118px; background:url(../image/head_bg.jpg) 0 4px no-repeat;}
#head #logo{display:block; float:left; width:248px; height:76px; background:url(../image/logo.png); text-indent: -999em; overflow:hidden;}
#head #search_box{position:relative; float:left; margin:31px 0 0 70px; width:312px; height:30px; background:url(../image/search_bg.gif);}
#head #search_box span{position:absolute; top:7px; left:10px; font-size:12px; color:#CCCCCC;}
#head #search_box #search_input{float:left; margin:2px; padding:0 8px; width:250px; height:26px; background:none; border:none;}
#head #search_box #search_button{float:right; margin:3px 3px 0 0; width:38px; height:24px; background:url(../image/search_buttons.png); }
#head #search_box #search_button:hover{background-position:-40px 0;}
#head #search_box #search_button:active{background-position:-80px 0px;}
#head #search_box #search_button:disabled{background-position:-120px 0px;}
#head #tab{clear:both; float:left; margin:8px 0 0 20px; width:762px; height:34px;}
#head #tab #nav{margin-left:9px;}
#head #tab #nav li{float:left; list-style:none; text-indent: -999em; overflow:hidden;}
#head #tab #nav li a{display:block; width:94px; height:32px; background:url(../image/tab.png);}
#head #tab #nav li #quick_link{background-position: -288px 0;}
#head #tab #nav li #all_course{background-position: 0 -34px;}
#head #tab #nav li #all_course:hover{background-position:-96px -34px;}
#head #tab #nav li #all_course:active{background-position:-192px -34px;}

.line_bold{clear:both; float:left; width:100%; height:2px; background:#F2991C;}
.line_bold .bold_left, .line_bold .bold_right{width:1px; height:2px; background:#F7BF71;}
.line_bold .bold_left{float:left;}
.line_bold .bold_right{float:right;}

#content{margin-left:20px; width:762px;}
#content #tab_content{margin:16px 20px 0 20px; height:260px;}
#content #tab_content a{color:#534741; font-size:18px;}
#content #tab_content a li p{margin-top:4px; color:#998675; font-size:14px;}
#content #tab_content a li p span{margin-right:2px; font-family:Verdana, Geneva, sans-serif;}
#content #tab_content ul a li{list-style:none; float:left; width:180px; height:86px; margin:6px 76px 6px 0;}
#content #tab_content ul a li img{float:left; margin:-6px 20px 0 0;}

#content #tab_content #history{clear:both; float:left;}
#content #tab_content #history #clean{float:right; margin-top:6px; font-size:12px; color:#E06121;}

.line_light{clear:both; float:left; width:100%; height:1px; background:#FCDFC7;}
.line_light .light_left, .line_light .light_right{width:1px; height:1px; background:#FEF3EA;}
.line_light .light_left{float:left;}
.line_light .light_right{float:right;}

#content #tab_content #history ul,#content .section ul{clear:both; float:left; margin:6px;}
#content #tab_content #history ul li{list-style:none; float:left; width:168px; margin-right:86px;}
#content #tab_content #history ul li a{font-size:14px; color:#534741;}

#content #tab_content #course_department{float:left; margin-top:-14px; width:590px;}
#content #tab_content #course_type{float:left; margin:-14px 0 0 20px; width:112px;}
.line_mid{clear:both; float:left; width:100%; height:2px; background:#FEDEC5;}
.line_mid .mid_left, .line_mid .mid_right{width:1px; height:2px; background:#FFEEE0;}
.line_mid .mid_left{float:left;}
.line_mid .mid_right{float:right;}
#technology, #literature, #other{float:left; margin:4px 18px 0 2px; width:108px; font-size:14px; color:#603813;}
#technology{width:330px;}
#other{margin-right:0;}
#content #tab_content table{margin:4px 0 0 2px; height:220px;}
#content #tab_content table a{font-size:14px; color:#534741;}
#content #tab_content table .draw_line{border-bottom:1px solid #FCDFC7;}

#content .label{clear:both; float:left; margin-left:8px; height:20px;}

#content #top_list, #content #news, #content #user_list{clear:both; float:left; margin-top:12px; width:100%;}
#content .section{clear:both; float:left; margin:4px 20px 0 20px; width:720px;}
#content ul li{list-style:none; display:block; float:left; width:172px; margin-right:76px;}
#content ul li .course{float:left; margin-bottom:8px; font-size:14px; color:#534741;}
#content ul li .teacher{clear:left; float:left; margin-right:8px;  font-size:12px; color:#736357;}
#content ul li .browse{float:left; font-size:12px; color:#C7B299;}
#content ul li .browse span{font-family:Verdana, Geneva, sans-serif; margin-right:2px;}
#content ul li .ask_place{float:right; margin-right:4px; width:36px; height:20px; background:url(../image/place_buttons.png); }
#content ul li .ask_place:hover{background-position:-38px 0;}
#content ul li .ask_place:active{background-position:-76px 0;}

#content .bar_list{clear:both; float:left; margin:4px 0; width:100%; height:auto;}
#content .bar_label{float:left; font-size:10px; color:#A08E7E;}
#content .bar{float:right; width:132px; height:10px; background:url(../image/bar_bg.png) right no-repeat;}
#content .bar .bar1_head, #content .bar .bar2_head, #content .bar .bar3_head{float:left; width:4px; height:10px; background:url(../image/bar_head.png);}
#content .bar .bar2_head{background-position:0 -11px;}
#content .bar .bar3_head{background-position:0 -22px;}
#content .bar .bar1_body, #content .bar .bar2_body, #content .bar .bar3_body{float:left; height:10px; background:url(../image/bar_body.png) repeat-x;}
#content .bar .bar2_body{background-position:0 -11px;}
#content .bar .bar3_body{background-position:0 -22px;}
#content .bar .bar1_foot, #content .bar .bar2_foot, #content .bar .bar3_foot{position:relative; float:left; width:4px; height:10px; background:url(../image/bar_foot.png);}
#content .bar .bar2_foot{background-position:0 -11px;}
#content .bar .bar3_foot{background-position:0 -22px;}
#content .bar span{display:block; position:absolute; top:-1px; left:-16px; text-align:right; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#FFF;}
#content .bar_text{float:left; width:50%;}
#content .number{float:left; margin:2px 0 0 12px; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#534741;}

#content .news_list{float:left; margin:10px 0; width:720px;}
#content .news_list img{float:left; margin:0 6px;}
#content .news_list .news_content{float:left; width:658px;}
#content .section h3, .chat_content{float:left; margin:0 2px; font-size:14px; color:#736357; font-weight:normal;}
#content .section h3 a, .chat_content a, #donator #donator_content .words a{color:#9E4500; margin:0 4px;}
#content .news_content .time, .time_another{display:block; float:right; font-size:12px; color:#998675;}
#content .news_list .news_content .content_container{clear:both; float:left; margin:4px 0 0 6px; width:auto;}
#content .news_list .news_content .content_container p{float:left; margin:2px 2px 0 6px; min-height:25px; font-size:14px; color:#534741;}
.content_container .quotation_left, .content_container .quotation_right{float:left; width:25px; height:25px; background:url(../image/quotation.png);}
.content_container .quotation_right{background-position:-25px 0;}
#content _expand{clear:both; float:left; width:100%; height:20px;}
#content #news_expand #expand_left, #content #news_expand #expand_right{float:left; width:4px; height:20px; background:url(../image/expand_bg.gif);}
#content #news_expand #expand_right{float:right; background-position:right;}
#content #news_expand #expand_middle{float:left; width:712px; height:20px; background:#FDECDC url(../image/expand_arrow.gif) no-repeat center;}

#footer{clear:both; float:left; margin:20px; width:760px; background:#F2F2F2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:12px; color:#998675;}
#footer p{float:left; margin:20px 26px; width:442px; font-size:12px; color:#888888;}
#footer #designer{float:right; margin:24px 20px; width:52px;}
#footer #coder{float:right; margin:24px 0; width:174px;}
#Dinghy, #ChenRan, #DingPeng, #DangFan{float:left; margin-top:8px; width:50px; height:50px; background:url(../image/our_portrait.jpg);}
#DingPeng{background-position:-50px; margin-left:12px;}
#DangFan{background-position:-100px; margin-left:12px;}
#Dinghy{background-position:-150px; }

/* Secondary Page */
#head #bread_crumbs{clear:left; float:left; margin-left:92px; font-size:12px; color:#C7B299;}
#head #bread_crumbs a{color:#998675;}
#head #bread_crumbs .arrow{margin:0 2px; font-family:Verdana, Geneva, sans-serif;}

#content h1{float:left; margin-left:2px; color:#603813; font-size:18px; font-weight:normal;}
#content h1 span{margin-left:6px; font-family:Arial, Helvetica, sans-serif; color:#DDC4A7; font-size:34px;}
#content #sort{float:right; margin:12px 36px 0 0; width:110px; height:24px; position:relative; font-size:14px; color:#736357;}
#content #sort p{float:left; margin-top:4px;font-size:12px; color:#998675;}
#content #sort #drop_box{float:right; width:71px; height:24px; padding-left:8px; background:url(../image/secondary/drop_box.gif) right no-repeat;}
#content #sort #drop_box #drop_button{float:right; margin:3px; width:24px; height:18px; border:none; background:url(../image/secondary/drop_button.png);}
#content #sort #drop_box #drop_button:hover{background-position:-25px 0;}
#content #sort #drop_box #drop_button:active{background-position:-50px 0;}
#content #sort #drop_list{position:absolute; top:24px; right:0; width:79px; height:84px; background:url(../image/secondary/drop_list.png) bottom no-repeat;}
#content #sort #drop_list li{list-style:none; width:77px; height:24px; background:#EBEBEB; border-left:1px solid #E4C5A1; border-right:1px solid #E4C5A1; border-bottom:1px solid #FFF;}
#content #sort #drop_list li a{margin-left:8px; color:#736357;}
#content #content_list{clear:both; float:left; margin:-8px 20px 4px 20px;}
#content #content_list li{margin:16px 60px 16px 0; width:196px;}
#content #content_list li .course{font-size:16px;}
#content #content_list li .browse span{font-weight:bold;}
#content li .plain_text{float:left; width:33%;}
#content #content_list li .bar_text .number{margin-left:4px;}
#content #content_list li .bar_list .bar{width:156px; background:url(../image/secondary/bar_bg.png);}

#page_indicator{clear:both; float:left; margin:12px 0 12px 22px; width:760px; height:48px;}
#page_indicator #pages{clear:none; float:right; height:24px; margin:14px 10px 0 0;}
#page_indicator #pages li{list-style:none; float:left; clear:none; margin:0 0 0 6px; width:20px; height:24px; padding-top:4px; background:url(../image/secondary/pages.png) no-repeat; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#998675;}
#page_indicator #pages a{display:block; float:left;}
#page_indicator #pages a li{background-position:-21px 0; color:#603813;}
#page_down{float:right; width:97px; height:48px; border:none; background:url(../image/secondary/page_down.png); text-indent: -999em; overflow:hidden;}
#page_down:hover{background-position:-97px 0;}
#page_down:active{background-position:-194px 0;}
#page_down:disabled{background-position:-291px 0;}
#page_up{float:right; margin:12px 4px; width:80px; height:34px; border:none; background:url(../image/secondary/page_up.png); text-indent: -999em; overflow:hidden;}
#page_up:hover{background-position:-81px 0;}
#page_up:active{background-position:-162px 0;}
#page_up:disabled{background-position:-243px 0;}

.overlay{position: absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:100; -moz-opacity:0.08; opacity:.08; filter: alpha(opacity=8);}
.pop_up{position:absolute; z-index:200; width:246px; height:190px; background:url(../image/secondary/pop_up_square.png) 8px 10px no-repeat;}
.pop_up .left_arrow, .pop_up .right_arrow{position:absolute; top:54px; width:10px; height:14px;}
.pop_up .left_arrow{left:2px; background:url(../image/secondary/left_arrow.png);}
.pop_up .right_arrow{right:2px; background:url(../image/secondary/right_arrow.png);}
.pop_up .pop_close{float:right; margin:6px 2px 0 0; width:24px; height:24px; background:url(../image/secondary/pop_close.png);}
.pop_up .pop_close:hover{background-position:-24px 0;}
.pop_up .pop_close:active{background-position:-48px 0;}
.pop_up .pop_content{margin:22px 0 0 26px; width:200px; height:140px;}
.pop_up .pop_content p{float:left; margin:8px 0 2px 0; font-size:16px; color:#603813;}
.pop_up .pop_content .know_place, #content #list_view #unknown_place .know_place{clear:both; float:left;margin-bottom:8px; width:198px; height:30px; background:url(../image/secondary/place_input.gif);}
.pop_up .pop_content .know_place .place_input, #content #list_view #unknown_place .place_input{float:left; margin:2px 0 0 2px; padding:0 8px; width:127px; height:26px; background:none; border:none;}
.place_publish{float:right; margin:3px 3px 0 0; width:48px; height:24px; border:none; background:url(../image/secondary/place_publish.png);}
.place_publish:hover{background-position:-49px 0;}
.place_publish:active{background-position:-98px 0;}
.place_publish:disabled{background-position:-147px 0;}

.place_help{float:left; margin-top:6px; width:108px; height:38px; background:url(../image/secondary/place_help.png);}
.place_help:hover{background-position:-109px 0;}
.place_help:active{background-position:-218px 0;}

/* Third Page */
.side{float:right; padding-bottom:12px; width:200px; height:auto; color:#C69C6D;}
.side_top{float:left; width:200px; height:4px; background:url(../image/third/side_bg.gif) no-repeat;}
.side_bottom{clear:both; float:left; width:200px; height:4px; background:url(../image/third/side_bg.gif) bottom no-repeat;}
.side_mid{clear:both; float:left; width:200px; background:#F1F3C9;}
.side_mid h3{float:left; margin-left:12px; font-size:14px; font-weight:normal;}
.side_mid h3 span{margin-left:4px; font-size:21px; font-family:Arial, Helvetica, sans-serif;}
.side_mid .more{float:right; margin:6px 12px 0 0; font-size:12px; color:#C7B299;}
.side_mid ul{margin:4px 0 0 12px; width:180px; font-size:12px;}
.side_mid ul li{border-top:1px solid #FFF; padding:4px 0;} 
.side_mid ul li a{color:#C69C6D;}
.side_mid ul li a p{float:right;}
.side_mid ul li a .stress{display:inline; width:auto; color:#A66E53;}
#content #main_content{clear:left; float:left; position:relative; padding:0 10px;}
#content .side .plain_text .number{margin:2px 0 0 6px;}

#content #list_view{float:left; margin:10px 6px;}
#content #list_view li{margin-bottom:12px; font-size:16px; color:#534741;}
#content #list_view li a{color:#534741;}
#content #list_view li span{margin-right:10px; font-size:12px; color:#998675;}
#content #list_view #unknown_place{clear:both; margin-right:0; background:#FEF2D0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#content #list_view #unknown_place .text{clear:both; float:left; margin:4px 0 2px 0; font-size:14px; color:#603813;}
#content #list_view #unknown_place .place_help{clear:both; margin-top:4px; background:url(../image/third/place_help.png);}
#content #list_view #unknown_place .place_help:hover{background-position:-109px 0;}
#content #list_view #unknown_place .place_help:active{background-position:-218px 0;}
#content #list_view #unknown_place .place_help:disabled{background-position:-327px 0;}
#content #list_view li #quiz{margin-left:12px; width:24px; height:20px; background:url(../image/third/quiz.png); }
#content #list_view li #quiz:hover{background-position:-25px 0;}
#content #list_view li #quiz:active{background-position:-50px 0;}
#content #list_view li #quiz_num{display:inline; margin-left:2px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#754C24;}

#content #course_content{clear:both; float:left; position:relative; margin:8px 0 0 16px; width:500px; height:auto;}
#content #course_content #list_view li{width:190px;}
#content #course_content #list_view li span{display:block; float:left; margin-top:4px; width:50px;}
#content #course_content #list_view li p{clear:both; float:left; margin-top:4px; font-size:13px;}
#content #course_nav{margin:0 0 0 4px;}
#content #course_nav li{list-style:none; float:left; margin:0; width:64px; height:24px; text-indent: -999em; overflow:hidden;}
#content #course_nav #tab_help, #content #course_nav #tab_chat{display:block;width:64px; height:24px; background:url(../image/third/tabs.png);}
#content #course_nav #tab_help{background-position:-195px 0;}
#content #course_nav #tab_chat{background-position:0 -25px;}

#content #commentary{position:absolute; right:0; top:16px;}
#content #commentary .bar_label{font-size:12px; margin:-2px 6px 0 0;}
#content #commentary p, #content #recommend p{clear:both; float:right; font-size:12px; color:#C7B299;}
#content #commentary p span, #content #recommend p span{margin:0 2px; color:#998675; font-family:Verdana, Geneva, sans-serif;}
#content #commentary table{width:180px; height:69px; font-size:12px; color:#998675;}
#content #recommend{position:absolute; right:0; top:156px;}
#content #recommend button{float:right; width:68px; height:30px; background:url(../image/third/recommend.png); }
#content #recommend button:hover{background-position:-69px 0;}
#content #recommend button:active{background-position:-138px 0;}
#content #recommend button:disabled{background-position:-207px 0;}

.section #tab_right{float:right; font-size:12px;}
.section #tab_right a{float:right; margin:6px 4px 0 0; color:#998675;}
.section #tab_right #commend_search{float:right; position:relative; width:152px; height:22px; background:url(../image/third/comment_search_bg.gif);}
.section #tab_right #commend_search span{display:block; position:absolute; top:4px; left:4px; color:#CCCCCC;}
.section #tab_right #commend_search input{float:left; margin:2px 0 0 2px; width:120px; height:18px; border:none; font-size:12px;}
.section #tab_right #commend_search button{float:right; margin:2px; width:24px; height:18px; background:url(../image/third/comment_search.png); }
.section #tab_right #commend_search button:hover{background-position:-25px;}
.section #tab_right #commend_search button:active{background-position:-50px;}

.comment_num{float:right; margin-top:8px; font-size:14px;}
.comment_num a{color:#9E4500;}
.comment_num a span{margin-right:2px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#content .section .news_content .time_another{float:left; margin-top:2px;}
#content .section #page_indicator{width:500px; height:34px;}
#content .section #page_indicator #pages{margin-top:4px;}
#content .section #page_indicator #page_down{width:80px; height:34px; background:url(../image/third/page_down_small.png);}
#content .section #page_indicator #page_down:hover{background-position:-81px 0;}
#content .section #page_indicator #page_down:active{background-position:-162px 0;}
#content .section #page_indicator #page_down:disabled{background-position:-243px 0;}

#publish_aera{clear:both; float:left; position:relative; width:100%;}
#publish_aera textarea{margin:8px 4px; padding:2px 4px; width:482px; height:20px; border:1px solid #DDB689; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; resize:none;}
#publish_aera span, #content .news_reply .reply_frame span{display:block; position:absolute; top:12px; left:8px; font-size:12px; color:#9E4500;}
#publish_aera #selection{float:left; margin:2px 0 0 4px; padding:8px; width:316px; height:48px; background:#FEF2D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#998675; font-size:14px;}
#publish_aera #selection .classification{float:left; margin-left:8px; color:#603813;}
#publish_aera #selection .classification p{display:inline; margin-left:6px; font-size:10px; color:#998675;}
#publish_aera #word_limit{margin-right:4px; float:right; color:#C7B299; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#publish_aera #push_news{clear:both; float:left; margin:6px; font-size:14px; color:#603813;}
#publish_aera button{float:right; margin:-10px 4px 0 0; width:80px; height:38px; background:url(../image/third/publish.png); }
#publish_aera button:hover{background-position:-81px 0;}
#publish_aera button:active{background-position:-162px 0;}
#publish_aera button:disabled{background-position:-243px 0;}

.pop_up .pop_content .title{font-size:14px; color:#998675;}
.pop_up .pop_content table{clear:both; width:198px; height:102px; font-size:12px; color:#998675;}
.pop_up .pop_content table tr td{vertical-align:top; padding-top:4px;}
.pop_up .pop_content input{width:20px; height:24px; text-align:center; border:solid 1px #DDB689; font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#603813;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.pop_up .pop_content table .indication{margin-left:2px; font-size:10px; color:#C7B299;}
.pop_up .pop_content table .v1, .pop_up .pop_content table .v2, .pop_up .pop_content table .v3{margin-top:3px; width:132px; height:10px; background:url(../image/third/bars_bg.png); position:relative;}
.pop_up .pop_content table .v2{background-position:0 -11px;}
.pop_up .pop_content table .v3{background-position:0 -22px;}
.pop_up .pop_content table #slider1, .pop_up .pop_content table #slider2, .pop_up .pop_content table #slider3{display:block; width:14px; height:19px; position:absolute; top:-4px; left:80px; background:url(../image/third/sliders.png); z-index:255;}
.pop_up .pop_content table #slider2{background-position:-14px 0;}
.pop_up .pop_content table #slider3{background-position:-28px 0;}
.pop_up .pop_content #ok{clear:both; float:right; margin:2px; width:68px; height:30px; background:url(../image/third/ok.png); }
.pop_up .pop_content #ok:hover{background-position:-69px 0;}
.pop_up .pop_content #ok:active{background-position:-138px 0;}
.pop_up .pop_content #ok:disabled{background-position:-207px 0;}

#donator{margin-left:-4px; width:190px; height:70px;}
.arrow_up{margin-left:52px; width:10px; height:7px; background:url(../image/third/arrow_up.gif);}
#donator #donator_content #content_top,#donator #donator_content #content_bottom{width:190px; height:4px; background:url(../image/third/donator_bg.gif);}
#donator #donator_content #content_bottom{background-position:0 -4px;}
#donator #donator_content #content_mid{position:relative; float:left; padding:0 0 4px 0; width:190px; height:auto; background:#FEF2D0;}
#donator #donator_content #content_mid a img, #donator #donator_content #history a img{float:left; margin:2px 6px 2px 6px;}
#donator #donator_content .words{float:left; margin:0 2px; width:120px; font-size:14px; color:#736357; font-weight:normal;}
#donator #donator_content #history li{padding:4px 0; margin:0; width:190px; background:#FDEBB8; border-top:solid 1px #FFF;}
#donator #donator_content #history li .words a{margin:0;}
#donator #donator_content .date{float:right; margin-right:4px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#998675;}
#donator #donator_content #expand_history{display:block; float:left; width:190px; height:12px; background:url(../image/third/expand_history.gif); text-align:center;}
#donator #donator_content #expand_history #expand_arrow{margin:3px auto 0 auto; width:10px; height:7px; background:url(../image/third/expand_arrow.gif);}
#content #my_rating{position:absolute; right:-2px; top:114px; padding:4px 4px 2px 4px; width:180px; background:#FEF2D0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:12px; color:#998675;}
#content #my_rating .number{margin-left:8px; margin-right:8px;}
#content #my_rating p{float:left; margin-left:2px;}
#content #my_rating a{display:block; float:right; color:#C69C6D;}

#content .news_reply{margin-left:6px; float:left;}
#content .reply_content{float:left; padding:6px 2px; width:490px; background:#FEF2D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#content .news_reply .white_line{clear:both; float:left; margin:6px 4px; width:482px; height:1px; background:#FFF;}
#content .news_reply .reply_frame{clear:both; float:left; position:relative; margin:0 4px 2px 4px; width:478px; height:26px; border:1px solid #DDB689; background:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#content .news_reply textarea{
	float:left;
	width:418px;
	height:21px;
	padding:2px 4px;
	border:none;
	resize:none;
}
#content .news_reply button{float:right; margin:1px 1px 0 0; width:48px; height:24px; border:none; background:url(../image/third/reply.png);}
#content .news_reply button:hover{background-position:-49px 0;}
#content .news_reply button:active{background-position:-98px 0;}
#content .news_reply button:disabled{background-position:-147px 0;}

#content #list_view li h3{margin-top:4px; font-size:16px; font-weight:normal; color:#603813;}
#content #list_view li .white_line{margin-top:4px; width:100%; height:1px; background:#FFF;}

/*************ADDED*******************/
#feedback{position:absolute; width:800px; height:26px; overflow:hidden; top:0; text-align:center;}
#feedback #feedback_content{width:120px; margin:-4px auto 0 auto; padding:6px 0 4px 0; background:#FEF2D0; text-align:center; font-size:14px; color:#603813; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.added_index{max-width:568px;}
.added_third{max-width:322px;}
.added_third_reply{max-width:314px;}

#semester{float:right; margin:16px 0 0 8px; width:304px; height:24px;}
#semester a{display:block; float:right; width:72px; height:24px; background:url(../image/secondary/tabs.png); text-indent:-999em; overflow:hidden;}
#semester #this_semester:hover{background-position:-72px 0;}
#semester #this_semester:active{background-position:-216px 0;}

#semester #next_semester{background-position:0 -24px;}
#semester #next_semester:hover{background-position:-72px -24px;}
#semester #next_semester:active{background-position:-216px -24px;}

#semester #previous_semester{background-position:0 -48px;}
#semester #previous_semester:hover{background-position:-72px -48px;}
#semester #previous_semester:active{background-position:-216px -48px;}

#semester #all_semester{background-position:0 -72px;}
#semester #all_semester:hover{background-position:-88px -72px;}
#semester #all_semester:active{background-position:-264px -72px;}

#content #up_expand #up_expand_left, #content #up_expand #up_expand_right{float:left; width:4px; height:20px; background:url(../image/expand_bg.gif) 0 -20px;}
#content #up_expand #up_expand_right{float:right; background-position:-4px -20px;}
#content #up_expand #up_expand_middle{float:left; width:712px; height:20px; background:#FDECDC url(../image/up_expand_arrow.gif) no-repeat center;}

#semester_info{display:inline; margin-left:12px; font-size:14px; color:#534741;}

#content_list h2{clear:both;}
#content_list h2 span{margin-left:6px; font-family:Arial, Helvetica, sans-serif; color:#DDC4A7; font-size:28px;}

#content .section #course_member{margin:0 0 0 4px;}
#content .section #course_member li{list-style:none; width:64px; height:24px; float:left; margin:0; text-indent: -999em; overflow:hidden;}
#content .section #course_member li a{display:block; width:64px; height:24px; background:url(../image/third/tabs_member.png) no-repeat;}

#content .section #course_member #tab_having:hover{background-position:-64px 0;}
#content .section #course_member #tab_having:active{background-position:-128px 0;}

#content .section #course_member #tab_wanna_have{background-position:0 -24px;}
#content .section #course_member #tab_wanna_have:hover{background-position:-64px -24px;}
#content .section #course_member #tab_wanna_have:active{background-position:-128px -24px;}

#content .section #course_member #tab_had{background-position:0 -48px;}
#content .section #course_member #tab_had:hover{background-position:-64px -48px;}
#content .section #course_member #tab_had:active{background-position:-128px -48px;}

#member_number{float:right; margin-top:6px; font-size:12px; color:#C7B299;}
#member_number span{margin:0 2px; color:#998675; font-family:Verdana, Geneva, sans-serif;}

#content .section #members{float:left; margin:8px 0 2px 4px;}
#content .section #members li{position:relative; list-style:none; width:50px; height:50px; float:left; margin:0; padding:2px;}

#members .member_mask{position:absolute; top:0px; left:0px; width:50px; height:50px;background:url(../image/third/member_bg.png); border:solid 2px #FFDC62}
#members .member_mask #member_name{display:block; margin:2px; color:#F2991C; font-size:12px;}

#expand_member{display:block; margin-left:2px; clear:both; float:left; width:492px; height:12px;}
#expand_member #expand_member_left{float:left; width:4px; height:12px; background:url(../image/third/expand_history.gif);}
#expand_member #expand_member_right{float:right; width:4px; height:12px; background:url(../image/third/expand_history.gif) right;}
#expand_member #expand_member_middle{float:left; margin-top:1px; width:484px; height:11px; background:#FDEBB8; text-align:center;}
#expand_member #expand_member_arrow{margin:3px auto 0 auto; width:10px; height:7px; background:url(../image/third/expand_arrow.gif);}

#members #member_delete{position:absolute; display:block; top:-4px; right:-4px; width:20px; height:22px; background:url(../image/third/close_small.png);}
#members #member_delete:hover{background-position:-20px 0;}
#members #member_delete:active{background-position:-40px 0;}

.place_delete{position:absolute; display:block; top:-10px; right:-10px; width:20px; height:22px; background:url(../image/third/close_small.png);}
.place_delete:hover{background-position:-20px 0;}
.place_delete:active{background-position:-40px 0;}

.delete_comment{display:block; float:right; margin-top:4px; width:12px; height:12px; background:url(../image/third/delete_comment.png);}

#attention, #cancle_attention{position:absolute; top:230px; right:0; width:74px; height:30px; background:url(../image/third/attention.png); }
#attention:hover{background-position:-74px 0;}
#attention:active{background-position:-148px 0;}

#cancle_attention{background-position:-222px 0;}
#cancle_attention:hover{background-position:-296px 0;}
#cancle_attention:active{background-position:-370px 0;}

#content #news_tab{margin:8px 0 0 6px;}
#content #news_tab li{list-style:none; float:left; margin:0; width:88px; height:24px; text-indent: -999em; overflow:hidden;}
#content #news_tab #tab_all_news, #content #news_tab #tab_concerned_news{display:block;width:88px; height:24px; background:url(../image/tab_news.png);}
#content #news_tab #tab_all_news:hover{background-position:-88px 0;}
#content #news_tab #tab_all_news:active{background-position:-264px 0;}

#content #news_tab #tab_concerned_news{background-position:0 -24px;}
#content #news_tab #tab_concerned_news:hover{background-position:-88px -24px;}
#content #news_tab #tab_concerned_news:active{background-position:-264px -24px;}